import { useState } from 'react'
import {GlobalStyle,Tab,TabItem} from'./style'  //style.js
// styled-components styled 定义一段样式
// createGlobalStyle 定义全局样式
// 并以组件的方式来返回
// 组件化思想  不以html的思维如看待，页面一个功能块 作为一个组件来看待
function App() {
  return(
    <div className='App'>
<GlobalStyle></GlobalStyle>
<Tab>
  <a className='selected'>
    <TabItem>
      <span>推荐</span>
    </TabItem>
    
  </a>
  <a>
    <TabItem>
      <span>歌手</span>
    </TabItem>
    
  </a>
  <a>
    <TabItem>
       <span>排行榜</span>
    </TabItem>
   
  </a>
</Tab>
    </div>
  )
}

export default App
